<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui">
<h:head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title>AGENDA|ENSA</title>
	<link href="css/styles.css" rel="stylesheet" type="text/css"
		media="all" />
</h:head>

<h:body>
	<div id="head">
		<div id="head_cen">
			<div id="head_sup" class="head_pad">
				<p class="search">
					<label>SEARCH</label> <input name="search" type="text" class="txt" />
					<input name="search-btn" type="submit" class="btn" value="SEARCH" />
				</p>
				<h2>Agenda</h2><br /><br /><br />
				<h1>Pour une meilleure organisation</h1>
				

			</div>
		</div>
	</div>
	<div id="content">
		<div id="content_cen">
			<div id="content_sup" class="head_pad">
				<div id="welcom_pan">
					<h:form id="form">

						<p:growl id="messages" showDetail="true" />

						<p:schedule id="schedule" value="#{scheduleController.eventModel}"
							widgetVar="myschedule">

							<p:ajax event="dateSelect"
								listener="#{scheduleController.onDateSelect}"
								update="eventDetails" oncomplete="PF('eventDialog').show()" />
							<p:ajax event="eventSelect"
								listener="#{scheduleController.onEventSelect}"
								update="eventDetails" oncomplete="PF('eventDialog').show()" />
							<p:ajax event="eventMove"
								listener="#{scheduleController.onEventMove}" update="messages" />
							<p:ajax event="eventResize"
								listener="#{scheduleController.onEventResize}" update="messages" />

						</p:schedule>

						<p:dialog id="eventDialog" widgetVar="eventDialog"
							header="Event Details" showEffect="clip" hideEffect="clip">
							<h:panelGrid id="eventDetails" columns="2">
								<h:outputLabel for="title" value="Title:" />
								<p:inputText id="title"
									value="#{scheduleController.event.title}" required="true" />

								<h:outputLabel for="from" value="From:" />
								<p:inputMask id="from"
									value="#{scheduleController.event.startDate}" mask="99/99/9999">
									<f:convertDateTime pattern="dd/MM/yyyy" />
								</p:inputMask>

								<h:outputLabel for="to" value="To:" />
								<p:inputMask id="to" value="#{scheduleController.event.endDate}"
									mask="99/99/9999">
									<f:convertDateTime pattern="dd/MM/yyyy" />
								</p:inputMask>

								<h:outputLabel for="allDay" value="All Day:" />
								<h:selectBooleanCheckbox id="allDay"
									value="#{scheduleController.event.allDay}" />

								<p:commandButton type="reset" value="Reset" />
								<p:commandButton id="addButton" value="Save"
									actionListener="#{scheduleController.addEvent}"
									oncomplete="PF('myschedule').update();PF('eventDialog').hide();" />
							</h:panelGrid>
						</p:dialog>

					</h:form>
				</div>


			</div>
		</div>
	</div>
	<div id="foot">
		<div id="foot_cen"></div>
	</div>
</h:body>
</html>
